const border = require('../tw-lib-base/border/props')

module.exports = {
  outsideBg: {
    type: String,
    default: '#ffffff',
    name: '容器背景色',
    filedType: 'color'
  },

  outsideBgImage: {
    type: Array,
    default () {
      return []
    },
    name: '外部容器背景图片',
    filedType: 'file',
    limit: 1,
    maxSize: 1024
  },

  outsideGradientColor1: {
    type: String,
    default: '',
    name: '外部容器渐变色1',
    filedType: 'color'
  },

  outsideGradientColor2: {
    type: String,
    default: '',
    name: '外部容器渐变色2',
    filedType: 'color'
  },

  outsideGradientDeg: {
    type: String,
    default: '90',
    name: '外部容器渐变角度',
    filedType: 'string'
  },

  bgAlign: {
    type: String,
    default: 'center',
    name: '外部容器背景图片对齐方式',
    filedType: 'select',
    options: [
      {
        name: '左对齐',
        value: 'left'
      },
      {
        name: '居中',
        value: 'center'
      },
      {
        name: '右对齐',
        value: 'right'
      },
      {
        name: '右下脚对齐',
        value: 'right bottom'
      },
      {
        name: '右上脚对齐',
        value: 'right top'
      },
      {
        name: '左下脚对齐',
        value: 'left bottom'
      },
      {
        name: '左上脚对齐',
        value: 'left top'
      }
    ]
  },

  backgroundSize: {
    type: String,
    default: 'auto',
    name: '外部容器背景图片填充方式',
    filedType: 'select',
    options: [
      {
        name: '自动',
        value: 'auto'
      },
      {
        name: '覆盖',
        value: 'cover'
      },
      {
        name: '适应',
        value: 'contain'
      }
    ]
  },

  width: {
    type: String,
    default: '300px',
    name: '内容区宽度',
    filedType: 'string'
  },

  medialPoint: {
    type: String,
    default: '',
    name: '媒体查询断点',
    nameTip: '不需要响应多种分辨率时不需要设置',
    filedType: 'string'
  },

  medialPointWidth: {
    type: String,
    default: '',
    name: '小于媒体查询断点时，内容区宽度',
    filedType: 'string'
  },

  insideBgColor: {
    type: String,
    default: '#ffffff',
    name: '内容区背景色',
    filedType: 'color'
  },

  insideBgImage: {
    type: Array,
    default () {
      return []
    },
    name: '内部容器背景图片',
    filedType: 'file',
    limit: 1,
    maxSize: 1024
  },

  insideGradientColor1: {
    type: String,
    default: '',
    name: '内容区渐变色1',
    filedType: 'color'
  },

  insideGradientColor2: {
    type: String,
    default: '',
    name: '内容区渐变色2',
    filedType: 'color'
  },

  insideGradientDeg: {
    type: String,
    default: '90',
    name: '内容区渐变角度',
    filedType: 'color'
  },

  insideBgAlign: {
    type: String,
    default: 'right bottom',
    name: '内容区背景图片对齐方式',
    filedType: 'select',
    options: [
      {
        name: '左对齐',
        value: 'left center'
      },
      {
        name: '居中',
        value: 'center center'
      },
      {
        name: '右对齐',
        value: 'right center'
      },
      {
        name: '右下脚对齐',
        value: 'right bottom'
      },
      {
        name: '右上脚对齐',
        value: 'right top'
      },
      {
        name: '左下脚对齐',
        value: 'left bottom'
      },
      {
        name: '左上脚对齐',
        value: 'left top'
      }
    ]
  },

  insideBackgroundSize: {
    type: String,
    default: 'auto',
    name: '内容区背景图片填充方式',
    filedType: 'select',
    options: [
      {
        name: '自动',
        value: 'auto'
      },
      {
        name: '覆盖',
        value: 'cover'
      },
      {
        name: '适应',
        value: 'contain'
      }
    ]
  },

  insideBackgroundRepeat: {
    type: String,
    default: 'no-repeat',
    name: '内容区背景图片重复方式',
    filedType: 'select',
    options: [
      {
        name: '不重复',
        value: 'no-repeat'
      },
      {
        name: '重复',
        value: 'repeat'
      },
      {
        name: '水平方向重复',
        value: 'repeat-x'
      },
      {
        name: '垂直方向重复',
        value: 'repeat-y'
      },
      {
        name: '两端对齐重复-空白',
        value: 'space'
      },
      {
        name: '两端对齐重复-拉伸',
        value: 'round'
      }
    ]
  },

  insideBgPosition: {
    type: String,
    default: 'padding-box',
    name: '内容区背景位于',
    filedType: 'select',
    options: [
      {
        name: '边框内',
        value: 'border-box'
      },
      {
        name: '内边距内',
        value: 'padding-box'
      },
      {
        name: '内容区内',
        value: 'content-box'
      }
    ]
  },

  paddingTop: {
    type: String,
    default: '0px',
    name: '内边距(上)',
    filedType: 'string'
  },

  paddingBottom: {
    type: String,
    default: '0px',
    name: '内边距(下)',
    filedType: 'string'
  },

  paddingLeft: {
    type: String,
    default: '0px',
    name: '内边距(左)',
    filedType: 'string'
  },

  paddingRight: {
    type: String,
    default: '0px',
    name: '内边距(右)',
    filedType: 'string'
  },

  shadowColor: {
    type: String,
    default: '',
    name: '内容区投影色',
    filedType: 'color'
  },

  radius: {
    type: String,
    default: '0',
    name: '内容区圆角',
    filedType: 'string'
  },

  ...border,

  bottom: {
    type: String,
    default: '',
    name: '与窗体底部距离',
    nameTip: '指定该值容器会自动填满浏览器窗体',
    filedType: 'string'
  }
}
